<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>QQ会员导航</title>
		<style>
			header{
				width: 1000px;
			display:inline-block;
			background-color:rgb(102,102,102)
			
			}
		img{
			width: 100px;
		}
		img,a{
			vertical-align: middle;
		}
		#id1{
			color: gold;
			border:1px solid yellow;
			border-radius: 20px;
		}
		#id2{
			color:blue;
			background-color:gold;
			border-radius: 20px;
		}
		a{
			color: #FFFFED;
			text-decoration: none;
		}
		a:hover{
			color:blue;
		}
		</style>
	</head>
	<body>
		<header>
			<img  src="img/logo.png"/>&nbsp;&nbsp;
			<a href="#"> &nbsp;功能特权&nbsp; </a>
			<a href="#"> &nbsp;游戏特权&nbsp; </a>
			<a href="#">&nbsp; 生活特权&nbsp; </a>
			<a href="#"> &nbsp;会员活动 &nbsp;</a>
			<a href="#"> &nbsp;成长体系&nbsp; </a>
			<a href="#"> &nbsp;年费专区 &nbsp;</a>
			<a href="#"> &nbsp;超级会员&nbsp; </a>
			<a href="#" id="id1">&nbsp; 登录&nbsp; </a>&nbsp;&nbsp;
			<a href="#" id="id2"> &nbsp;&nbsp;开通超级会员&nbsp;&nbsp; </a>
		</header>
	</body>
</html>
